<template>
  <el-tabs v-model="activeName">
    <el-tab-pane label="组织架构" class="title" name="first">
      <row>
        <span slot="name">xxxx公司</span>
        <span slot="manager">负责人</span>
        <el-dropdown-item slot="operation" @click.native="handleAdd"
          >新增子部门</el-dropdown-item
        >
      </row>
    </el-tab-pane>
  </el-tabs>
</template>

<script>
import Row from "./Row.vue";
export default {
  data() {
    return {
      activeName: "first",
    };
  },
  components: { Row },
  methods: {
    //添加公司子部门
    handleAdd() {
      this.$emit("click",{node:{id:''},type:"add"});
    },
  },
};
</script>

<style lang="scss" scoped>
.title {
  margin-top: 20px;
  font-weight: bold;
}
</style>